<template>
  <div class="headerTitle">
    <span v-show="!showArrow"></span>
    <i class="el-icon-arrow-left" v-if="showArrow" @click="back()"></i>
    {{headerTitle}}
    <span class="Padding"></span>
  </div>
</template>
<script>
export default {
  props: ["headerTitle", "showArrow"],
  data() {
    return {};
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>